<template>
	<view>
		<view class="status_bar">
		    <view class="top_view"></view>  
		</view>
		<view class="secondBar"></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped>
	.status_bar {
	    height: var(--status-bar-height);  
	    width: 100%;
		position:fixed;
		z-index: 999; 
	    background-color: black;
	}  
	.top_view {  
	    height: var(--status-bar-height);  
	    width: 100%;  
	    position: fixed;  
	    background-color: #F8F8F8;  
	    top: 0;   
	}
	.secondBar{
		height: var(--status-bar-height);
		width: 100%;
	}
</style>
